<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>统一授权平台管理系统 V1.0</title>
</head>
<#assign contextPath = request.contextPath/>
<body>
<div id="menu"></div>
<div id="main" class="nav-first"></div>
<script type="text/javascript">
$(document).ready(function() {
var menus = [
	{"id":1,"text":"系统信息管理","children":[
	{"id":11,"text":"系统信息","children":[],"href":"<@s.url action="list" namespace="system" />"}
	]}	

	,{"id":2,"text":"统一帐号管理","children":[
		 {"id":21,"text":"帐户管理","children":[],"href":"<@s.url action="list" namespace="/account" />"}
		,{"id":22,"text":"帐号绑定系统","children":[],"href":"<@s.url action="list-acc-yst" namespace="/account" />"}
		,{"id":22,"text":"系统绑定帐号","children":[],"href":"<@s.url action="list-syt-acc" namespace="/account" />"}
	],"href":""}

	,{"id":3,"text":"权限管理","children":[
	{"id":31,"text":"功能实体类型管理","children":[],"href":"<@s.url action="functionEntityType_list" namespace="/functionentity" />"}
		,{"id":32,"text":"功能实体管理","children":[],"href":"<@s.url action="list" namespace="/functionentity" />"}
		,{"id":33,"text":"角色管理","children":[],"href":"<@s.url action="list" namespace="role" />"}
		,{"id":34,"text":"授权管理","children":[],"href":"<@s.url action="authorized" namespace="role" />"}
	],"href":""}

	,{"id":4,"text":"日志管理","children":[
		 {"id":41,"text":"业务日志管理","children":[],"href":"/log/list.action"}
	],"href":""}

	,{"id":5,"text":"个人帐号维护","children":[
	{"id":51,"text":"个人帐号维护","children":[],"href":"<@s.url action="individual-edit" namespace="account" />"}
	 ],"href":""}

	,{"id":6,"text":"安全策略管理","children":[
	 {"id":61,"text":"安全策略管理","children":[],"href":"<@s.url action="management" namespace="securityStrategy" />"}
	 ],"href":""}

	,{"id":7,"text":"LPS演示","children":[
	  {"id":71,"text":"LPS演示","children":[],"href":"${contextPath}/demo/Lpsdemo.html"}
	 ],"href":""}
	
	];

//	alert(menus.length);

	var t = ['<ul>'];
	/** 构建一级菜单 */
    for(var i = 0; i < menus.length; i ++){
		t.push('<li><div id="',menus[i].id,'" class="button"><ul>'
		,'<li class="normal-left"></li>'
		,'<li class="normal-middle"><img src="${contextPath}/images/ico24/nav/',menus[i].id,'.gif" />',menus[i].text,'</li>'
		,'<li class="normal-right"></li>'
		,'<br /></ul></div></li>');
	}
	t.push('</ul>');
	$("#main").html(t.join(""));

	/** 一级菜单的点击事件(控制样式及其子菜单的显示) */
	var flag;
	$("div.button").click(function() {
		var id = this.id;
		var menu;
		for(var x in menus){
			if(id == menus[x].id){
				menu = menus[x];
				break;
			}
		}
		if(!menu){
			alert("有错!!!");
			return;
		}
//		alert(menu.children.length); ,$(this).children(".normal-middle")
		var tt = [];
//alert($(this).find("li").eq(1).html());
		tt.push('<div class="nav-header" id="navTitle">',$(this).find("li").eq(1).html(),'</div><div id="submenu" class="nav-second"><ul>');
		/** 根据点击的一级菜单, 构建其对应的子菜单 */
		for(var j = 0; j < menu.children.length; j ++){//',menu.children[j].href,'
			//tt.push('<li><a href="#" onclick=page("',menu.children[j].href,'")>',menu.children[j].text,'</a></li>');
			tt.push('<li onclick=page("',menu.children[j].href,'")>',menu.children[j].text,'</li>');
		}
		tt.push('</ul></div>');
		$("#menu").html(tt.join(""));
		readyGo();
		if(flag){
			$(flag).find("li").eq(0).removeClass("hover-left");
			$(flag).find("li").eq(1).removeClass("hover-middle");
			$(flag).find("li").eq(2).removeClass("hover-right");
		}
		$(this).find("li").eq(0).addClass("hover-left");
		$(this).find("li").eq(1).addClass("hover-middle");
		$(this).find("li").eq(2).addClass("hover-right");
		flag = this;
		$("#submenu").slideDown(); 
		$("#menu").find("li").eq(0).click();
		/** 防止点击与滑过的样式重叠 */
		$(this).find("li").eq(0).removeClass("left-over");
		$(this).find("li").eq(1).removeClass("mid-over");
		$(this).find("li").eq(2).removeClass("right-over");
	});
	/** 鼠标滑过一级菜单时的效果 */
	$("div.button").hover(function() {
		if (flag != this) {
			$(this).find("li").eq(0).addClass("left-over");
			$(this).find("li").eq(1).addClass("mid-over");
			$(this).find("li").eq(2).addClass("right-over");
		}
	}, function() {
		$(this).find("li").eq(0).removeClass("left-over");
		$(this).find("li").eq(1).removeClass("mid-over");
		$(this).find("li").eq(2).removeClass("right-over");
	});
	/** 在页面初始化最后调用该方法 */
	//init();
});
function subMenuCss() {
	$("#menu").find("li").each(function(i) {
		$(this).removeClass("hover");
	});
}
/** 点击一级菜单之前统一控制二级菜单的显示与样式 */
function readyGo() {
	/** 点击子菜单时的样式控制 */
	$("#menu").find("li").each(function(i) {
		$(this).click(function() {
			subMenuCss();
			$(this).addClass("hover");
		});
	});

	/** 在页面初始化最后调用该方法 */
	init();
	$("#submenu").hide();
}
/** 菜单部局自适应 */
function init() {
//alert($("#inner").attr("clientHeight"));
//alert(document.getElementById("submenu").clientHeight);
//alert(document.getElementById("main").clientHeight);
//alert(document.getElementById("navTitle").clientHeight);
	var bh = document.getElementById("inner").clientHeight - document.getElementById("navTitle").clientHeight - document.getElementById("main").clientHeight;
	var rw = document.getElementById("inner").clientWidth - 170;
	document.getElementById("right-content").style.width = rw + 'px';
	document.getElementById("submenu").style.height = bh + 'px';
	document.getElementById("submenu").style.bottom = bh + 'px';
}

$("div.button").eq(0).click();
$("#menu").find("li").eq(0).click();
</script>
<!--右侧内容begin-->
<div id="right-content" class="right-content">
  <iframe  height="600px" width="100%" frameBorder=0 name="main"  scrolling="yes" src=""></iframe>
</div>
<!--右侧内容end-->
</body>
<script type="text/javascript">
$(function(){
});
function page(p){
		window.open(p,"main","");
}
</script>
</html>